<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta http-equiv="Expires" content="0">
	<meta name="format-detection" content="telephone=no" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="format-detection" content="email=no" />
	<meta name="format-detection" content="address=no" />
	<meta name="format-detection" content="date=no" />
	<title>业务办理</title>
	<link rel="stylesheet" href="./css/yue.css?v=1212">
	<script type="text/javascript">
		!function (N, M) { function L() { var a = I.getBoundingClientRect().width; a / F > 540 && (a = 540 * F); var d = a / 10; I.style.fontSize = d + "px", D.rem = N.rem = d } var K, J = N.document, I = J.documentElement, H = J.querySelector('meta[name="viewport"]'), G = J.querySelector('meta[name="flexible"]'), F = 0, E = 0, D = M.flexible || (M.flexible = {}); if (H) { console.warn("将根据已有的meta标签来设置缩放比例"); var C = H.getAttribute("content").match(/initial\-scale=([\d\.]+)/); C && (E = parseFloat(C[1]), F = parseInt(1 / E)) } else { if (G) { var B = G.getAttribute("content"); if (B) { var A = B.match(/initial\-dpr=([\d\.]+)/), z = B.match(/maximum\-dpr=([\d\.]+)/); A && (F = parseFloat(A[1]), E = parseFloat((1 / F).toFixed(2))), z && (F = parseFloat(z[1]), E = parseFloat((1 / F).toFixed(2))) } } } if (!F && !E) { var y = N.navigator.userAgent, x = (!!y.match(/android/gi), !!y.match(/iphone/gi)), w = x && !!y.match(/OS 9_3/), v = N.devicePixelRatio; F = x && !w ? v >= 3 && (!F || F >= 3) ? 3 : v >= 2 && (!F || F >= 2) ? 2 : 1 : 1, E = 1 / F } if (I.setAttribute("data-dpr", F), !H) { if (H = J.createElement("meta"), H.setAttribute("name", "viewport"), H.setAttribute("content", "initial-scale=" + E + ", maximum-scale=" + E + ", minimum-scale=" + E + ", user-scalable=no"), I.firstElementChild) { I.firstElementChild.appendChild(H) } else { var u = J.createElement("div"); u.appendChild(H), J.write(u.innerHTML) } } N.addEventListener("resize", function () { clearTimeout(K), K = setTimeout(L, 300) }, !1), N.addEventListener("pageshow", function (b) { b.persisted && (clearTimeout(K), K = setTimeout(L, 300)) }, !1), "complete" === J.readyState ? J.body.style.fontSize = 12 * F + "px" : J.addEventListener("DOMContentLoaded", function () { J.body.style.fontSize = 12 * F + "px" }, !1), L(), D.dpr = N.dpr = F, D.refreshRem = L, D.rem2px = function (d) { var c = parseFloat(d) * this.rem; return "string" == typeof d && d.match(/rem$/) && (c += "px"), c }, D.px2rem = function (d) { var c = parseFloat(d) / this.rem; return "string" == typeof d && d.match(/px$/) && (c += "rem"), c } }(window, window.lib || (window.lib = {}));
	</script>
</head>

<body>
	<header></header>
	<div class="main">
		<div class="box">
			<div class="inputBox">
				<label for=""><i class="phoneImg"></i>联系电话：</label>
				<input type="number" placeholder="请输入手机号码" id="phone">
			</div>
			<div class="inputBox">
				<label for=""><i id="nameImg"></i>联系人：</label>
				<input type="text" placeholder="请输入姓名" id="name">
				<input name="sex" type="radio" checked value="1"/>男
				<input name="sex" type="radio"  style="margin-left: .5rem;" value="0"/>女
			</div>
			<div class="inputBox">
				<label for=""><i id="codeImg"></i>验证码：</label>
				<input type="text" placeholder="请输入验证码" id="codeVal">
				<canvas id="code"></canvas>
			</div>
			<div class="yueNow"></div>
			<ul class="ywzf">
				<li style="font-size:.35rem;font-weight:700;">业务资费详情：</li>
				<li>办流量翻倍年包，享5重好礼，错过等一年！</li>
				<li style="color:#ff0000">1、年包费5折；2、送30元话费；3、送10GB全国流量（办理当月赠送）；4、送百M宽带；5、送副卡。</li>
			</ul>
			<div class="ruleBox">
				<img src="./img/form.png" alt="">
			</div>
			<ul class="wxts">
				<li>温馨提示：</li>
				<li>1、升档翻倍年包办理后业务次账期生效，年包费用一次性扣除，办理当月赠送10GB国内（不含港澳台）流量。</li>
				<li>2、10GB国内（不含港澳台）流量当账期生效，剩余流量不结转，年包生效前回退，赠送的流量同时失效 。</li>
				<li>3、年包与前期参与模组升档赠费，或其他折扣类赠费等优惠互斥。</li>
				<li>4、年包生效期间如办理套餐降档，年包失效、费用不退、赠送流量取消。</li>
				<li>5、具体业务资费及业务规则以客服人员告知为准。</li>
			</ul>
		</div>
	</div>
	 <!-- 通用 -->
	 <div class="com mopup">
        <div class="comFrame">
            <p class="comTip"></p>
            <div class="comsure"></div>
        </div>
	</div>
	 <!-- 预约成功 -->
	 <div class="suc mopup">
        <div class="sucFrame">
            <p class="sucTip">72小时内10086客服人员将给您 回电，请保持电话畅通！</p>
            <div class="sure"></div>
        </div>
    </div>
</body>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script src="./js/crypto-js.js"></script>
<script src="./js/public.js"></script>
<script src="./js/yue.js?v=124"></script>

<script>
	
</script>

</html>